body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

#mainTopic {
    font-size: 2.3em;
    font-weight: bold;
}

#recordDiv {
        float: right;

}

#subInfo {
    float: right;
    padding-right: 5px;
}




#agenda {
    float: right;
    border: 1px solid #cccccc;
    padding: 0px 15px 5px; 15px;

}

#agenda li {
   cursor:pointer;  
}

.topic {
    text-decoration: underline;
}

.currentAgenda {
    background-color: yellow;
}

#currentLevel {


    width: 100px;
}


.current {
    
}

.attendee > img {
    width:50px;
    height:50px;
}

.attendee > p {
    display:inline;
    position: absolute;
}
